<style>
    .plans .col-md-3 > h4 {
        height: 24px;
        font-size: 18px;
        color: #57576b;
        margin-top: 27px;
        text-align: left;
        margin-bottom: 7px;
    }

    .plans .dt-only .tip-price {
        padding-top: 6px;
        padding-bottom: 1px;
        margin-bottom: 0;
        line-height: 45px;
        margin-left: -15px;
    }
    .panel-body {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .panel-body .col-md-5 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .plans .col-md-3 > h6 {
        min-height: 38px;
    }

    .plans .col-md-3 > h6 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 7px;
        text-align: left;
        color: #39394d;
        margin-bottom: 0;
    }

    .tip-price > span > a:link {
        font-size: 32px;
        text-decoration: none;
        color: #2d8cff;
    }

    .top-btn {
        text-align: left;
        margin-left: 35%;
        padding-bottom: 10px;
    }

    .cta-md {
        font-size: 15px;
        min-width: 30%;
    }

    .cta-bgyellow {
        background-color: #fff;
        color: #d14600!important;
        border: 1px solid #f26d21;
        font-weight: 700;
    }
    .cta-forbid {
        background-color: #fff;
        color: #cab5b5!important;
        border: 1px solid #cab5b5;
        font-weight: 700;
    }
    .cta-renew {
        background-color: #fff;
        color: #4bc800!important;
        border: 1px solid #4bc800;
        font-weight: 700;
    }

    .btn-cta, .btn-cta:focus, .btn-cta:hover, .btn-cta:active {
        border-radius: 3px;
        font-weight: 600;
        display: inline-block;
        text-decoration: none;
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: middle;
        padding: 0 12px;
        text-align: center;
        min-height: 45px;
        padding-top: 10px;
    }

    .plans .detail > p {
        line-height: 20px;
        position: relative;
    }
    .button {
        text-decoration: none;
        width: 150px;
        height: 45px;
        background-color:#008ee0 ;
        border-color:#008ee0;
        border-radius:5px;
        color: white;
        font-size: 16px;
    }
    .xuanxiang{
        list-style-type:none;
        background:url("/assets/img/duihao.png") no-repeat 0rem 0rem;
        background-size:2rem 2rem;
        align-content: center;
        height: 25px;
        padding-left: 20px;
    }
    table  tr{
        height: 50px;
        border-top: 1px solid #333333;
    }
    table  tr  td {
        margin-left: 10px;
        width: 150px;
    }
    .shengji{
        margin: 50px 50px;
    }
    .shengji button{
        width: 145px;
        height: 45px;
        background-color: #30b5ee;
        border-color: #30b5ee;
        border-radius: 4px;
        color: white;
    }
    .active{
        font-size: 16px;
        font-weight: bold;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="status">
            <li {$type<>2?'class="active"':''}>
                <a href="/admin/sponsor/sponsorbuy/preindex?type=1">当前活动计划</a>
            </li>
            <li {$type==2?'class="active"':''}>
                <a href="/admin/sponsor/sponsorbuy/preindex?type=2">当前会议计划</a>
            </li>
            <li >
                <a href="/admin/sponsor/sponsorbuy/buylist">我的订单</a>
            </li>
        </ul>
    </div>

    <div class="panel-body">
        <div class="row animated fadeInRight">
            <div class="col-md-offset-1 col-md-10" style="margin-left: 10px;    width: auto">
                <div class="box box-primary" style="display: flex;flex-direction: column;">

                    <div class="panel-body plans" style=" display: flex;    flex-direction: row;    width: 1100px;">
                        <table>
                            <?php if(count($pData)> 0){ ?>
                            <thead>
                            <tr>
                                <td>
                                    计划版本
                                </td><td>
                                    主持人
                            </td><td>
                                    活动室大小
                            </td><td>
                                    服务时长
                            </td><td>
                                    生效日期
                            </td><td>
                                    到期日期
                            </td>
                            </tr>
                            </thead>
                            <?php } ?>
                            <tbody>
                            {volist name="pData" id="vo" empty="您当前使用的是免费版本，请升级活动会议计划。"}
                                <tr>
                                    <td>
                                        {$vo.planName}
                                    </td><td>
                                        {$vo.tData.fangjian}个主持人
                                    </td><td>
                                       {$vo.tData.zhengFang}人&nbsp;&nbsp;X{$vo.zhengNum}
                                    </td><td>
                                    {$vo.totalYear|number_format=0}年
                                    </td><td>
                                    {$vo.buyTime|date='Y-m-d H:i:s',###}
                                    </td><td>
                                    2022-02-01
                                    </td>
                                    </tr>
                            {/volist}
                            </tbody>
                        </table>
                        <div class="shengji">
                            {if condition="($type == 1)  "}
                            <a href="/admin/sponsor/sponsorbuy/personalIndex?type=2">
                                <button >计划升级</button>
                            </a>
                            {elseif condition="$type eq 2"/}
                            <a href="/admin/sponsor/sponsorbuy/index?type=6">
                                <button >计划升级</button>
                            </a>
                            {/if}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>